<script setup lang="ts"></script>
<template>
  <transition name="fade-transform" mode="out-in">
    <router-view v-slot="{ Component, route }">
      <component :is="Component" />
    </router-view>
  </transition>
  <NaiveProvider></NaiveProvider>
  <!-- <div v-if="data.isShow" class="zhezaoceng">
    <div class="kacheIcon">
      <div style="display: flex; justify-content: space-between; width: 100%" class="textbox">
        <div style="width: 160px; height: 3px; background: #fff; margin-top: 10px"></div>
        <div style="color: #fff; font-size: 16px">保存中</div>
        <div style="width: 160px; height: 3px; background: #fff; margin-top: 10px"></div>
      </div>
    </div>
  </div> -->
</template>
<script setup lang="ts">
import { usezhezaocStore } from '@/store'
const data = usezhezaocStore()
</script>
<style lang="less">
#app {
  font-family: Avenir, Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  width: 100vw;
  height: 100vh;
}

.zhezaoceng {
  width: 100%;
  height: 100%;
  background: rgba(119, 128, 130, 0.8);
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 990;

  .kacheIcon {
    position: relative;
    width: 460px;
    height: 200px;
    background-image: url('@/assets/image/login/11111.png');
    background-size: 100% 100%;
    background-repeat: no-repeat;
  }

  .textbox {
    position: absolute;
    bottom: -4%;
    left: 0;
  }
}

.dg.ac {
  display: none;
}

.mapboxgl-logo {
  display: none;
}

.amap-marker-label {
  background: transparent !important;
  border: 0px solid black;
}

.header {
  position: absolute;
  top: -7px;
  left: 0;
  border: none;
  z-index: 9;
  width: 100%;
  height: 136px;
}

.footer {
  position: absolute;
  left: 0px;
  bottom: 0px;
  border: none;
  z-index: 9;
}

.topBg {
  text-align: center;
  width: 100%;
  height: 92px;
  background-color: rgba(51, 51, 51, 0.8);
  //  background-image: url('@/assets/header.png');
  background-repeat: no-repeat;
  background-size: 100% 132%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;

  span {
    font-size: 50px;
    font-family: Microsoft YaHei;
    font-weight: bold;
    background: linear-gradient(180deg, #94f0ff 10%, #35d4ff 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }
}

#cesiumContainer .toolbar_container {
  display: none !important;
}

.navigation-controls {
  display: none;
}
.compass {
  top: 10px;
  left: 545px;
  transform: scale(0.7);
  z-index: 10;
}
.cesium-svgPath-svg {
  fill: #fff;
}
</style>
